<template>
	<view>
		<view class="fixedHeader">
			<uni-search-bar placeholder="搜索书籍" v-model="searchKeyword"></uni-search-bar>
		</view>

		<goodsItems :filters="filters" :searchKeyword="searchKeyword"></goodsItems>

	</view>

</template>

<script>
	import goodsItems from './item.vue'

	export default {
		components: {
			goodsItems
		},
		data() {
			return {
				
				searchKeyword: '',
			};
		},
		onLoad(e) {
			console.log(e)

			this.searchKeyword = e.keyword === undefined ? '' : e.keyword
		},
		methods: {}
	}
</script>

<style scoped>
	.fixedHeader {
		position: sticky;
		top: 0;
		right: 0;
		left: 0;
		z-index: 100;
		background-color: white;
	}
</style>